<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>时间线</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="shortcut icon" th:href="@{/favicon.png}" type="image/x-icon">
  <link rel="stylesheet" type="text/css" th:href="@{/res/layui/css/layui.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/res/adminui/dist/css/admin.css}">
  <script type="text/javascript" th:src="@{/res/layui/layui.js}"></script>
  <script type="text/javascript" th:src="@{/res/jquery/jquery.js}"></script>
  <link rel="stylesheet" type="text/css" th:href="@{/css/pear.css}">
  <script type="text/javascript" th:src="@{/js/pear.js}"></script>
</head>
<body>
<div class="layui-timeline">
  <div class="layui-timeline-item">
    <i class="layui-icon layui-timeline-axis"></i>
    <div class="layui-timeline-content layui-text">
      <h3 class="layui-timeline-title">8月18日</h3>
      <p>
        多年前，Layui 2.0 的发布前夜，记录着这样的一段心理活动。
        <br>这是一个怎样的版本？它将受众如何？
        <br>又是谁在指引着我去创作，是基于成就感的驱动，还是试图建立我与客观世界的某种沟通 <i class="layui-icon"></i>
      </p>
    </div>
  </div>
  <div class="layui-timeline-item">
    <i class="layui-icon layui-timeline-axis"></i>
    <div class="layui-timeline-content layui-text">
      <h3 class="layui-timeline-title">8月16日</h3>
      <p>Layui 使用率最高的组件有</p>
      <ul>
        <li>layer</li>
        <li>table</li>
        <li>form</li>
      </ul>
    </div>
  </div>
  <div class="layui-timeline-item">
    <i class="layui-icon layui-timeline-axis"></i>
    <div class="layui-timeline-content layui-text">
      <h3 class="layui-timeline-title">8月15日</h3>
      <p>
        这片广袤的土地孕育了璀璨的华夏文化，和我们这个饱受沧桑的民族。
        <br>勤劳、淳朴、善良而又充满智慧的国人，一代又一代人的艰苦奋斗，古老的文明重新焕发出光彩。
      </p>
    </div>
  </div>
  <div class="layui-timeline-item">
    <i class="layui-icon layui-timeline-axis"></i>
    <div class="layui-timeline-content layui-text">
      <div class="layui-timeline-title">过去</div>
    </div>
  </div>
</div>

</body>
</html>